Lumo: a clean Quarto template for stunning data reports

This document showcases how a Quarto report made using the Lumo format looks like. It also demoes a few tips and tricks I 💜

Author: Holtz Yan

Date: November 26, 2024

Introduction

Quarto is probably my favorite tool in the R/Python universe. Transforming your code and thoughts into a stunning report in one click always blows my mind.

While the default Quarto appearance looks great, there are a few tweaks I always apply to elevate the report even further. Rather than manually adding them each time, I bundled everything into a custom format called lumo.

Btw, you can learn how to master Quarto thanks to my online course: Productive R Workflow

Code

viewof selectedFile = Inputs.select(
  [
    { value: "patients_traffic.html", label: "Patients" },
    { value: "ctas_month_waffle.html", label: "CTAS Month Waffle" }
  ],
  {
    label: "Select HTML file",
    value: "patients_traffic.html",
    format: x => x.label
  }
)

// Base path for HTML files
basePath = "interactive/"

// Construct full path
fullPath = basePath + selectedFile.value

// Create and return the iframe element
html`<iframe src="${fullPath}" width="100%" height="500px" style="border:none;"></iframe>`

Patient Visit Flow

Test Again

This document aims at showcasing how a quarto document made with the lumo format looks like.

ER Time Series

I strongly advise to create a dataviz theme that fits your company’s brand. Here is one:

And now let’s use it on a graph:

Patient Traffic

For a complete list of features, visit the documentation!

Oh and since we’re here, did you know you can easily include a full width interactive map with leaflet in a quarto doc

Documentation

The documentation for this quarto custom format is available here